<!DOCTYPE html>
<html>
<head>
    <link rel="import" href="temp/head.html?__inline">
    <link rel="stylesheet" type="text/css" href="css/common.less"/>
    <link rel="stylesheet" type="text/css" href="css/index.less"/>
    <script type="text/javascript">
    document.addEventListener("WeixinJSBridgeReady", function () {
         audioAutoPlay();//给个全局函数
    }, false);
    document.addEventListener('YixinJSBridgeReady', function() {
         audioAutoPlay();//给个全局函数
    }, false);
    </script>
    <link rel="stylesheet" href="css/swiper.min.css">
</head>
<body>
<!--分享设置-->
<link rel="import" href="temp/share.html?__inline">

<!--横屏提示-->
<div id="forhorview">
    <p>推荐使用竖屏浏览哦~</p>
</div>
<!--主体-->
<div id="main">
    <div class="swiper-container" id="main-swiper">
        <div class="swiper-wrapper Gpu_up">
            <div class="swiper-slide sp0">
                <img class="p0r1" src="img/preload/p0/p0role1.png" alt="">
                <img class="p0r2" src="img/preload/p0/p0role2.png" alt="">
                <img class="p0r3" src="img/preload/p0/p0role3.png" alt="">
                <img class="p0r4" src="img/preload/p0/p0role4.png" alt="">
                <img class="p0text1" src="img/preload/p0/p0text1.png" alt="">

                <img class="p0yun1" src="img/preload/p0/p0yun1.png" alt="">
                <img class="p0yun2" src="img/preload/p0/p0yun2.png" alt="">
                <img class="p0yun3" src="img/preload/p0/p0yun3.png" alt="">

                <img class="p0yys" src="img/preload/p0/p0yys.png" alt="">
                <img class="p02016" src="img/preload/p0/p02016.png" alt="">

                <div class="arrow"></div>
            </div>
            <div class="swiper-slide sp1">
                <img class="p1r1" src="img/preload/p1/p1role.png" alt="">
                <img class="p1shan" src="img/preload/p1/p1shan.png" alt="">
                <img class="p1yun1" src="img/preload/p1/p1yun1.png" alt="">
                <img class="p1yun2" src="img/preload/p1/p1yun2.png" alt="">
                <img class="p1yun3" src="img/preload/p1/p1yun3.png" alt="">
                <img class="p1num" src="img/preload/p1/p1num.png" alt="">
                <div class="arrow"></div>
            </div>
            <div class="swiper-slide sp2">
                <img class="p2moon lazy" data-src="img/p2/p2moon.png" alt="">
                <img class="p2role lazy" data-src="img/p2/p2role.png" alt="">
                <img class="p2text1 lazy" data-src="img/p2/p2text1.png" alt="">
                <img class="p2text2 lazy" data-src="img/p2/p2text2.png" alt="">
                <img class="p2yun1 lazy" data-src="img/p2/p2yun1.png" alt="">
                <img class="p2yun2 lazy" data-src="img/p2/p2yun2.png" alt="">
                <div class="arrow"><div class="arrowsp2"></div></div>
            </div>
            <div class="swiper-slide sp3">
                <div class="swiper-container" id="three-sp">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img class="p3t1 lazy" data-src="img/p3/p3t1.png" alt="">
                            <img class="p3yun1 lazy" data-src="img/p3/p3yun1.png" alt="">
                            <img class="p3yun2 lazy" data-src="img/p3/p3yun2.png" alt="">
                            <img class="p3r1 lazy" data-src="img/p3/p3r1.png" alt="">
                            <img class="p3bg1 lazy" data-src="img/p3/p3bg1.png" alt="">
                            <div class="arrowRight lazy"></div>
                        </div>
                        <div class="swiper-slide">
                            <img class="p3r2 lazy" data-src="img/p3/p3r2.png" alt="">
                            <img class="p3bg2 lazy" data-src="img/p3/p3bg2.png" alt="">
                            <img class="p3t2 lazy" data-src="img/p3/p3t2.png" alt="">
                            <img class="p3yun3 lazy" data-src="img/p3/p3yun3.png" alt="">
                            <img class="p3yun4 lazy" data-src="img/p3/p3yun4.png" alt="">
                            <div class="arrow"></div>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class="swiper-slide sp4">
                <div class="swiper-container" id="four-sp">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img class="p4r1 lazy" data-src="img/p4/p4r1.png" alt="">
                            <img class="p4st1 lazy" data-src="img/p4/p4st1.png" alt="">
                            <img class="p4t1 lazy" data-src="img/p4/p4t1.png" alt="">
                            <img class="p4t2 lazy" data-src="img/p4/p4t2.png" alt="">
                            <div class="arrowRight"></div>
                        </div>
                        <div class="swiper-slide">
                            <img class="p4bg2 lazy" data-src="img/p4/p4bg2.png" alt="">
                            <img class="p4r2 lazy" data-src="img/p4/p4r2.png" alt="">
                            <img class="p4t3 lazy" data-src="img/p4/p4t3.png" alt="">
                            <div class="arrowRight"></div>
                        </div>
                        <div class="swiper-slide">
                            <img class="p4r3 lazy" data-src="img/p4/p4r3.png" alt="">
                            <img class="p4r4 lazy" data-src="img/p4/p4r4.png" alt="">
                            <img class="p4t4 lazy" data-src="img/p4/p4t4.png" alt="">
                            <div class="arrow"></div>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class="swiper-slide sp5">
                <img class="p5t1 lazy" data-src="img/p5/p5t1.png" alt="">
                <div class="swiper-container" id="five-sp">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img class="p5r1 lazy" data-src="img/p5/p5r1.png" alt="">
                            <img class="p5bg1 lazy" data-src="img/p5/p5bg1.png" alt="">
                            <img class="p5ios lazy" data-src="img/p5/p5ios.png" alt="">
                            <div class="arrowRight"></div>
                        </div>
                        <div class="swiper-slide">
                            <img class="p5r2 lazy" data-src="img/p5/p5r2.png" alt="">
                            <img class="p5bg2 lazy" data-src="img/p5/p5bg2.png" alt="">
                            <img class="p5spt lazy" data-src="img/p5/p5spt.png" alt="">
                            <div class="arrow"></div>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class="swiper-slide sp6">
                <img class="p6r1 lazy" data-src="img/p6/p6r1.png" alt="">
                <img class="p6t1 lazy" data-src="img/p6/p6t1.png" alt="">
                <img class="p6t2 lazy" data-src="img/p6/p6t2.png" alt="">
                <img class="p6t3 lazy" data-src="img/p6/p6t3.png" alt="">
                <img class="p6l1 lazy" data-src="img/p6/p6l1.png" alt="">
                <img class="p6l2 lazy" data-src="img/p6/p6l2.png" alt="">
                <img class="p6yun2 lazy" data-src="img/p6/p6yun2.png" alt="">
                <img class="p6yun3 lazy" data-src="img/p6/p6yun3.png" alt="">
                <div class="arrow"></div>
            </div>
            <div class="swiper-slide sp7">
                <div class="swiper-container" id="seven-sp">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img class="p7bg1 lazy" data-src="img/p7/p7bg1.png" alt="">
                            <img class="p7yun1 lazy" data-src="img/p7/p7yun1.png" alt="">
                            <img class="p7t1 lazy" data-src="img/p7/p7t1.png" alt="">
                            <img class="p7r1 lazy" data-src="img/p7/p7r1.png" alt="">
                            <div class="arrowRight"></div>
                        </div>
                        <div class="swiper-slide">
                            <img class="p7bg2 lazy" data-src="img/p7/p7bg2.png" alt="">
                            <img class="p7t2 lazy" data-src="img/p7/p7t2.png" alt="">
                            <img class="p7r2 lazy" data-src="img/p7/p7r2.png" alt="">
                            <img class="p7yun2 lazy" data-src="img/p7/p7yun2.png" alt="">
                            <div class="arrow"></div>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class="swiper-slide sp8">
                <img class="p8cloud lazy" data-src="img/p8/p8cloud.png" alt="">
                <img class="p8f1 lazy" data-src="img/p8/p8f1.png" alt="">
                <img class="p8lv1 lazy" data-src="img/p8/p8lv2.png" alt="">
                <img class="p8lv2 lazy" data-src="img/p8/p8lv1.png" alt="">
                <img class="p8lv3 lazy" data-src="img/p8/p8lv3.png" alt="">
                <div class="arrow"></div>
            </div>
            <div class="swiper-slide sp9">
                <img class="p8f2 lazy" data-src="img/p8/p8f2.png" alt="">
                <img class="p8r1 lazy" data-src="img/p8/p8r1.png" alt="">
                <img class="p8t1 lazy" data-src="img/p8/p8t1.png" alt="">
                <img class="p8t2 lazy" data-src="img/p8/p8t2.png" alt="">
                <img class="p8t3 lazy" data-src="img/p8/p8t3.png" alt="">
                <img class="p8t4 lazy" data-src="img/p8/p8t4.png" alt="">
                <div class="arrow"></div>
            </div>
            <div class="swiper-slide sp10">
                <img class="p8r2 lazy" data-src="img/p8/p8r2.png" alt="">
                <img class="p8t5 lazy" data-src="img/p8/p8t5.png" alt="">
                <img class="p8t6 lazy" data-src="img/p8/p8t6.png" alt="">
                <img class="p8t7 lazy" data-src="img/p8/p8t7.png" alt="">
                <img class="p8t8 lazy" data-src="img/p8/p8t8.png" alt="">
                <div class="arrow"></div>
            </div>
            <div class="swiper-slide sp11">
                <img class="p9r1 lazy" data-src="img/p9/p9r1.png" alt="">
                <img class="p9bg lazy" data-src="img/p9/p9bg.png" alt="">
                <img class="p9t1 lazy" data-src="img/p9/p9f1.png" alt="">
                <a class="p9dow" href="https://adl.netease.com/d/g/yys/c/fabmb"></a>
            </div>
            <!--通用底部模块-->
            <link rel="import" href="temp/_siteBottom.html?__inline">
        </div>
        <img class="t2016 hide" src="img/preload/2016.png" alt="">
        <div class="tpage tnow1 hide"></div>
        <a class="music"></a>
    </div>
    <div class="mask" id="md_attention">
        <section class="attention">
            <i class="sharefont">&#xa0005;</i>
            <em>微信公众号：<br/>zhenmoqu_neo</em>
        </section>
    </div>
</div>
<audio loop="loop" id="au1" preload>
    <source src="data/bg.mp3"  type="audio/mp3"/>
</audio>

<script charset="utf-8" src="https://nie.res.netease.com/comm/js/nie/util/trueLoad.v2.1.js"></script>
<script src="https://nie.res.netease.com/comm/js/zepto(mixNIE).last.js"></script>
<script type="text/javascript" src="https://nie.res.netease.com/comm/js/nie/ref/swiper.3.4.1.js"></script>
<!--lib中的文件，自动合并为一个文件-->
<!--usemin js(pkg/common.js)-->
<script charset="utf-8" type="text/javascript" src="js/common/common.popwindow.js"></script>
<script charset="utf-8" type="text/javascript" src="js/common/common.js"></script>
<script charset="utf-8" type="text/javascript" src="js/common/global.js"></script>
<script type="text/javascript" src="js/Base.js"></script>
<!--end-->
<script>

</script>
</body>

</html>